<template>
    <div class="popup_wrap activity">
       <div class="register">
          <navbar>野练报名</navbar>
          <div class="content" v-if="sign.activity">
              <dl>
                 <dt>野练场次</dt>
                 <dd class="mx-1px-top title">
                   <h2>{{ sign.activity.title }}</h2>
                   <p>{{ sign.activity.starts_at | time(sign.activity.ends_at)}}</p>
                 </dd>
              </dl>
              <dl v-if="sign.user" class="userInfo">
                <dt><span>报名人信息</span><span @click="editInfo">编辑</span></dt>
                <dd class="mx-1px-top">
                  <span>昵称</span>
                  <span class="vlc-nowrap">{{ sign.user.nick_name }}</span>
                </dd>
                <dd class="mx-1px-top">
                  <span>手机号码</span>
                  <span class="vlc-nowrap">{{ sign.user.mobile }}</span>
                </dd>
                <dd class="mx-1px-top">
                  <span>上衣尺码</span>
                  <span>{{ sign.size.upper }}</span>
                </dd>
                <dd class="mx-1px-top">
                  <span>裤子尺码</span>
                  <span>{{ sign.size.lower }}</span>
                </dd>
                <dd class="mx-1px-top">
                  <span>鞋子尺码</span>
                  <span>{{ sign.size.shoes }}</span>
                </dd>
              </dl>
              <dl>
            <dt>野练PASS</dt>
            <dd class="vlc-nowrap mx-1px-top title" :class="{ 'noCoupon': isNoCoupon }" @click="selCoupon">
              <h2 class="forwardIcon">{{ couponSelTxt }}</h2>
            </dd>
          </dl>
            <div class="bottomBar">
               <button @click="subRegister">确定</button>
            </div>
          </div>
       </div>
        <popup :show="showPageCouponSel">
          <page-coupon-sel :show="showPageCouponSel" :coupon-selected="couponSelected" :coupon-checked="couponChecked" :coupon="sign.coupon" :is-list.sync="isList"></page-coupon-sel>
        </popup>
        <popup :show="showPageRegisterSuc">
          <page-register-suc :activity="sign.activity"></page-register-suc>
        </popup>
    </div>
</template>
<script type="text/ecmascript-6">
  import js from '../../../../cores/registration/register.vue';
  export default {
    extends: js
  }
</script>
<style rel="stylesheet/less" lang="less">
  @import "../../../../styles/ot.less";
   .bottomBar button{
      background: #ed0000;
      color: #fff;
   }
</style>
